<!DOCTYPE html>
<html dir="ltr" lang="zh-CN">

<head>
    <meta charset="utf-8" />
    <title>帮助中心</title>
    <!-- title图标 -->
    <link rel="shortcut icon" type="image/x-icon" href="public/images/huobi.png" />
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link href="public/css/bootstrap.min.css" rel="stylesheet" />
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="public/js/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <!-- 样式表-->
    <link href="public/css/index.css" rel="stylesheet">
    <link href="public/css/request.css" rel="stylesheet">
    <!-- js文件 -->
    <script src="public/js/script.js"></script>
    <script src="public/js/hc_enduser.js"></script>
    <script src="public/js/script.js"></script>
    <script src="public/js/snippet.js"></script>
    
</head>

<body>
    <div class="notification notification-notice">
        <div class="notification-inner">
            <span class="notification-icon"></span>
            <span class="notification-text">您的请求已成功提交。</span>
            <a href="#" class="notification-dismiss" data-notification-dismiss></a>
        </div>
    </div>
    <!-- 头部内容 -->
    <header class="header">
        <div class="logo">
            <a href="">
                <img src="public/images/logo.png" />
            </a>
        </div>
        <div class="nav-wrapper">
            <span class="icon-menu"></span>
            <nav class="user-nav" id="user-nav">
                <a class="submit-a-request" href="SubmitRequests.html">提交请求</a>
            </nav>
        </div>
    </header>
    <!-- 中间部分内容 -->
    <main role="main">
        <nav class="my-activities-nav collapsible-nav">
            <ul class="collapsible-nav-list container">
                <li a href="myactivity">请求</li>
                <li><a href="contribution.html">贡献</a></li>
                <li><a href="attention.html">关注</a></li>
            </ul>
        </nav>
        <div class="container">
            <div class="request-breadcrumbs">
                <ol class="breadcrumbs">
                    <li title="帮助中心">
                        <a href="index.html">帮助中心</a>
                    </li>
                    <li title="我的活动">
                        <a href="myactivity.html">我的活动</a>
                    </li>
                </ol>
            </div>
            <h2 class="request-title"></h2>
            <div class="request-container">
                <section class="request-main">
                    <ul class="comment-list">
                        <li id="" class="comment">
                            <div class="comment-wrapper">
                                <div class="comment-info">
                                    <div class="comment-author">
                                        <div class="avatar comment-avatar">
                                            <img src="public/images/touxiang.png" alt="Avatar" class="user-avatar" />
                                        </div>
                                        <div class="comment-meta">
                                            <span title="静静静">
                                                静静静
                                            </span>

                                            <ul class="meta-group">
                                                <li class="meta-data"><time datetime="2019-07-03T16:28:01Z"
                                                        title="2019-07-03T16:28:01Z"
                                                        data-datetime="relative">2019年07月03日 16:28</time></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <section class="comment-body">
                                        <div class="zd-comment" dir="auto">
                                            <p dir="auto">otc需要哪些</p>
                                        </div>
                                    </section>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <form data-form="" data-form-type="comment" class="comment-form" action="" accept-charset="UTF-8"
                        method="post"><input name="utf8" type="hidden" value="✓"><input type="hidden" name="_method"
                            value="patch"><input type="hidden" name="authenticity_token" value="">
                        <div class="avatar comment-avatar">
                            <img class="user-avatar" alt="" data-user-avatar="true" src="public/images/touxiang.png">
                        </div>
                        <div class="comment-container">
                            <div class="comment-show-container " style="display: none;">
                                <span class="comment-show-container-content">
                                    添加到对话
                                </span>
                            </div>
                            <div class="comment-fields " style="display: block;">
                                <textarea name="request[comment][body]" id="request_comment_body" placeholder=""
                                    rows="7" aria-required="true"></textarea>
                                <div class="comment-attachments">
                                    <div id="upload-dropzone" class="upload-dropzone">
                                        <input type="file" multiple="true" id="request-attachments"
                                            data-fileupload="true" data-dropzone="upload-dropzone"
                                            data-error="upload-error" data-create-url="/hc/zh-cn/request_uploads"
                                            data-name="request[attachments][]" data-pool="request-attachments-pool"
                                            data-delete-confirm-msg="" aria-describedby="upload-error">
                                        <span>
                                            <a>添加文件</a>或把文件放置到这里
                                        </span>
                                    </div>
                                    <div id="upload-error" class="notification notification-error notification-inline"
                                        style="display: none;">
                                        <span data-upload-error-message=""></span>
                                    </div>
                                    <ul id="request-attachments-pool" class="upload-pool" data-uploads="[]"
                                        data-template="upload-template"></ul>
                                    <script type="text/html" id="upload-template">
                                        <li class="upload-item" data-upload-item>
                                            <a class="upload-link" target="_blank" data-upload-link></a>
                                            <p class="upload-path" data-upload-path></p>
                                            <p class="upload-path" data-upload-size></p>
                                            <p data-upload-issue
                                                class="notification notification-alert notification-inline"
                                                aria-hidden="true"></p>
                                            <span class="upload-remove" data-upload-remove></span>
                                            <div class="upload-progress" data-upload-progress></div>
                                            <input type="hidden">
                                        </li>
                                    </script>
                                </div>
                            </div>
                            <div class="comment-form-controls">
                                <span class="request-submit-comment  " style="display: inline;">
                                    <input type="submit" name="commit" value="提交" disabled="">
                                </span>
                            </div>
                        </div>
                    </form>
                </section>

                <section class="request-sidebar collapsible-sidebar">
                    <h5 class="collapsible-sidebar-title">工单详情</h5>
                    <dl class="request-details">
                        <dt>请求者</dt>
                        <dd>静静静</dd>
                        <dt>创建于</dt>
                        <dd><time datetime="2019-07-03T16:28:01+00:00" title="2019-07-03T16:28:01+00:00"
                                data-datetime="calendar">2019年07月03日 16:28</time></dd>
                        <dt>最后的活动</dt>
                        <dd><time datetime="2019-07-03T16:28:01+00:00" title="2019-07-03T16:28:01+00:00"
                                data-datetime="calendar">2019年07月03日 16:28</time></dd>
                    </dl>

                    <dl class="request-details">
                        <dt>Id</dt>
                        <dd>#2019687914</dd>
                        <dt>状态</dt>
                        <dd>
                            <span class="status-label status-label-open" title="我们正在回复您">
                                已开启
                            </span>
                        </dd>
                    </dl>
                </section>
            </div>
        </div>
    </main>
    <!-- 底部内容 -->
    <footer class="footer">
        <div class="footer-inner">
            <a title="主页" href="#">帮助中心</a>
            <!-- 语言内容 -->
            <div class="footer-language-selector">
                <div class="dropdown language-selector" aria-haspopup="true">
                    <div class="row clearfix">
                        <div class="col-md-12 column">
                            <div class="btn-group dropup">
                                <a class="yuyan" data-toggle="dropdown" style="color:#4f6d8c ;border: none">简体中文<img
                                        src="public/images/xiangxia.svg" /></a>
                                <ul class="dropdown-menu" style="margin-left: -50px;">
                                    <li>
                                        <a href="#"> Deutsch</a>
                                    </li>
                                    <li>
                                        <a href="#"> English (US)</a>
                                    </li>
                                    <li>
                                        <a href="#">Español</a>
                                    </li>
                                    <li>
                                        <a href="#"> Français</a>
                                    </li>
                                    <li>
                                        <a href="#">日本語</a>
                                    </li>
                                    <li>
                                        <a href="#">한국어</a>
                                    </li>
                                    <li>
                                        <a href="#">Português</a>
                                    </li>
                                    <li>
                                        <a href="#"> Русский</a>
                                    </li>
                                    <li>
                                        <a href="#"> Türkçe</a>
                                    </li>
                                    <li>
                                        <a href="#">Tiếng Việt</a>
                                    </li>
                                    <li>
                                        <a href="#">繁體中文</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
</body>

</html>